<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>FanZone</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/common_samplify.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/wx_index.css}" />
		<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/jquery.event.drag.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/jquery.touchSlider.js}" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" th:src="@{/js/wx_index.js}"></script>
	</head>

	<body>
		<!--
        	描述：首页，用户查询开始
      -->
		<div class="icon_header position_fix">
			<a th:href="@{/query.html}"><img th:src="@{/img/fanzone_icon/search.png}" style="width: 30px;" /></a>
		</div>
		<div class="position_fix padding0 check_head" id="check_head">
			<a class="textdecoration_none color666" href="query.html">请您输入想找的店铺名称</a>
		</div>
		<!--
        	描述：查询结束
        -->
		<div class="" style="background: rgba(255 250 250 0.5);">
			<!--
            	描述：轮播图片
            -->
			<div class="width100 position_relative slide" id="slide">
				<div class="slider_point">
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>
					<a href="#"></a>

				</div>
				<div class="slider_img">
					<ul>
						<li>
							<a href="join_us.html"><span class="img_1"><img th:src="@{/img/slider_img/buss_join.png}"/></span></a>
						</li>
						<li><span class="img_2"><img th:src="@{/img/slider_img/information_forPeople.png}" /></span></li>
						<li><span class="img_3"><img th:src="@{/img/slider_img/activity.png}"/></span></li>
						<li><span class="img_4"><img th:src="@{/img/slider_img/dianping.jpg}"/></span></li>

					</ul>
					<a href="javascript:;" id="btn_prev"></a>
					<a href="javascript:;" id="btn_next"></a>
				</div>
				<div class="position_absolute margin0" style="right:0;width: 20%;bottom:10%">
					<a href="" class="margin_left10">
						<p class="float_left">&nbsp;</p>
					</a>
					<a href="" class="">
						<p class="float_left">&nbsp;</p>
					</a>
					<a href="" class="margin_left10">
						<p class="float_left">&nbsp;</p>
					</a>
				</div>
			</div>
			<!--
            	描述：轮播图片结束，活动区域开始
            -->
			<div class="row nav_wx bg_snow">
				<div class="col-3 font_size14">
					<a href="flashSale.html"><img th:src="@{/img/fanzone_icon/xianshi.png}" />
						<br>限时抢购</br></a>
				</div>
				<div class="col-3 font_size14">
					<a th:href="@{/welfareZone}"><img th:src="@{/img/fanzone_icon/fuli.png}" />
						<br>福利专区</br></a>
				</div>
				<div class="col-3 font_size14">
					<a th:href="@{/buyer/convenientInfo/list}"><img th:src="@{/img/fanzone_icon/bianmin.png}" />
						<br>便民信息</br></a>
				</div>
				<div class="col-3 font_size14">
					<a th:href="@{/seller/bussiness/allBussiness(flag=allBussiness)}"><img th:src="@{/img/fanzone_icon/quanbushangjia.png}" />
						<br>全部商家</br></a>
				</div>
			</div>
			<!--
            	描述：活动区域结束，导航和展示开始
            -->
			<div class="nav row bg_snow">
				<ul class="">
					<li class="col-3" id="findBussiness">
						<a th:href="@{/buyer/bussiness/allBussiness(flag=recommend)}" id="target_recommend" class="active font_size14 color666" ><span >最新推荐</span></a>
					</li>
					<li class="col-3">
						<a id="target_discount" class="font_size14 color666" href="#123">折扣中心</a>
					</li>
					<li class="col-3">
						<a id="target_promotions" class="font_size14 color666" >优惠活动</a>
					</li>
					<li class="col-3">
						<a id="target_integral" class="font_size14 color666" th:href="@{/buyer/dynamic/list}">分享交流</a>
					</li>
				</ul>
			</div>
			<!--
            	描述：最新推荐开始，导航结束
            -->

			<div class="recommend row paddingLR10 bg_snow" id="recommend" th:each="bussiness,iterStat : ${bussinessList}">
				<!--
                	描述：目前一个店铺一个链接，回头可以修改
                -->
				<a class="item"  th:href="@{/buyer/coupon/couponList(bussinessId=${bussiness.bussinessId})}">
					<!--
                    	描述：左侧店铺logo图
                   -->

					<div class="rec_img col-4" id="rec_img">
						<img class="width100" th:src="@{/img/shop_img/ms_kaoya.jpg}" />
					</div>
					<!--
                    	描述：店铺右侧信息
                    -->
					<div class="buss_info col-8">
						<!--
                        	描述：店名
                        -->
						<div class="buss_name color333" th:text="${bussiness.bussinessName}">
						</div>
						<div class="buss_other">
							<div class="font_size14" th:text="${bussiness.bussinessAddress}"></div>
							<div class="buss_activ font_size10">
								<b>代</b> 20代50;75代100
							</div>
							<div class="buss_activ font_size10">
								<b>折</b> 折扣商品5折起
							</div>

						</div>
					</div>

				</a>

			</div>

			<!--
                        描述：推荐结束，折扣开始
                    -->
			<div class="discount paddingLR10 bgF0" id="discount">
				<div class="item_p">
					<div class="item_img bg_snow">
						<div class="buss_img">
							<img class="width100" th:src="@{/img/shop_img/ms_dangao.jpeg}" alt="fanzone" />
							<div class="promotions_info">
								<div class="promotions_name position_absolute padding0 p_sample">
									精美蛋糕
								</div>
								<div class="paddingLR10">
									<b>土巴碗汇金路店</b>
									<div class="colorFF" style="margin-top: 5px;"><span style="background: rgba(255,48,48,0.7);font-size: 15px;border-radius: 3px;">8折券</span></div>
								</div>
								<div class="discount_img">

								</div>
							</div>
						</div>
					</div>
					<div class="item_img bg_snow">
						<div class="buss_img">
							<img class="width100" th:src="@{/img/shop_img/ms_dangao.jpeg}" alt="fanzone" />
							<div class="promotions_info">
								<div class="promotions_name position_absolute padding0 p_sample">
									精美蛋糕
								</div>
								<div class="paddingLR10">
									<b>土巴碗汇金路店</b>
									<div class="colorFF" style="margin-top: 5px;"><span style="background: rgba(255,48,48,0.7);font-size: 15px;border-radius: 3px;">8折券</span></div>
								</div>
								<div class="discount_img">

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="item_p">
					<div class="item_img bg_snow">
						<div class="buss_img">
							<img class="width100" th:src="@{/img/shop_img/ms_dangao.jpeg}" alt="fanzone" />
							<div class="promotions_info">
								<div class="promotions_name position_absolute padding0 p_sample">
									精美蛋糕
								</div>
								<div class="paddingLR10">
									<b>土巴碗汇金路店</b>
									<div class="colorFF" style="margin-top: 5px;"><span style="background: rgba(255,48,48,0.7);font-size: 15px;border-radius: 3px;">8折券</span></div>
								</div>
								<div class="discount_img">

								</div>
							</div>
						</div>
					</div>
					<div class="item_img bg_snow">
						<div class="buss_img">
							<img class="width100" th:src="@{/img/shop_img/ms_dangao.jpeg}" alt="fanzone" />
							<div class="promotions_info">
								<div class="promotions_name position_absolute padding0 p_sample">
									精美蛋糕
								</div>
								<div class="paddingLR10">
									<b>土巴碗汇金路店</b>
									<div class="colorFF" style="margin-top: 5px;"><span style="background: rgba(255,48,48,0.7);font-size: 15px;border-radius: 3px;">8折券</span></div>
								</div>
								<div class="discount_img">

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--
        	描述：折扣结束，优惠开始
        -->
			<div class="promotions row bg_snow " id="promotions">

					<div class="coupan_canvas position_relative" onclick="modelclick()" th:each="coupon,iterStat:${allCouponList}">
						<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="background: snow; height: 80px;width: 100%;">
							<!--<rect width="" height="80" style="fill:snow;stroke-width:0;" />-->
							<line x1="270" y1="0" x2="270" y2="80" style="stroke:#F0F0F0;stroke-width:1" stroke-dasharray="3 2" />
							<circle cx="270" cy="0" r="4" stroke="" stroke-width="0" fill="#F0F0F0" />
							<circle cx="270" cy="80" r="4" stroke="" stroke-width="0" fill="#F0F0F0" />
						</svg>
						<div class="position_absolute coupan_canvas_item">
							<div class="col-3">
								<img th:src="@{/img/shop_img/ms_tiandian.jpg}" />
							</div>
							<div class="col-6">
								<span class="bg_fz" style="color: snow;" th:text="${coupon.bussinessDTO.bussinessName}"></span><span>专属</span>
								&nbsp;<b class="colorred" th:text="${coupon.discountPrice}"></b><b>元抢</b><br />
								<div class="font_size10" th:text="${coupon.useCondition}"><br />有效期：2018-1-1至2018-2-5</div>
							</div>
							<div class="col-3">
								￥<span style="color: #FF0000;font-size: 30px;">5</span>.0
							</div>
						</div>
					</div>
				</div>

			<!--
			        	描述：优惠结束，
			        -->
			<div class="integral bg_snow paddingLR10" id="integral" th:each="dynamicInfo,iterStat:${dynamicInfoList}">
				<div class="integral_item width100">
					<a class="color666 textdecoration_none" th:href="@{http://mp.weixin.qq.com/s?__biz=MzUwOTIxMTQ1Nw==&amp;mid=2247483752&amp;idx=1&amp;sn=375e25655e66e966362480feb305b966&amp;chksm=f914e746ce636e50f07cfbff05cab2bcbd60f5b2890a2b56697e078231211c9dc6c65006f95c&amp;mpshare=1&amp;scene=23&amp;srcid=0110iO9MjXs95r4iF6OprV0u#rd}">
						<div class="width100">
							<img class="width100" th:src="@{/img/640.jpg}" alt="fanzone" />
							<div class="font_18px color333" th:text="${dynamicInfo.dynamicMsg}">
							</div>
						</div>

					</a>
				</div>
			</div>
		</div>

		<!--
		        	描述：模态框，展示推荐详细信息，点高圆圆头像展示，测试用
		        -->



		<div class="bg-model bg_snow">
			<div class="wh100">

			</div>
			<div class='content position_absolute'>

			</div>
			<div class="h color666">
				x
			</div>
		</div>
		<!--
        	描述：底部导航
        -->

		<br />
		<div class="text_center font_size10 color999">- - - &nbsp;我们也是有底线的&nbsp; - - -</div>
		<br />

		<br />
		<br />

		<div class="position_fix bottom0 bt row width100 bg_snow">
			<div class="col-4 text_center colorFz" id="#toTop">
				<b>首页</b>
			</div>
			<div class="col-4 text_center">
				<a th:href="@{/personalInfo(openid=${session.openid})}" class=" color666 textdecoration_none">个人中心</a>
			</div>
			<div class="col-4 color666 textdecoration_none text_center">
				<a class="color666" th:href="@{/couponCenter(openid=${session.openid})}">优惠券</a>
			</div>
		</div>
		<!--
	作者：15755372104@126.com
	时间：2017-11-25
	描述：

		<div class="model">
			<div class="wh100">

			</div>
			<div class="model_body">

			</div>

		</div>
		-->
	</body>
</html>